<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>梁羽生文学奖</title>
    <meta http-equiv="Expires" content="0">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge，chrome=1">
    <meta name="format-detection" content="telephone=no">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="../node_modules/sweetalert/dist/sweetalert.css">
    <link rel="stylesheet" href="../src/css/app.less">
    <link rel="stylesheet" href="../src/css/list.less">

    <script src="/src/lib/flexible.js"></script>
</head>
<body>
    <!--背景-->
    <ul class="body-bg">
        <li class="bg-1"></li>
    </ul>

    <div id="body">
        <!--悬浮窗-->
        <link rel="import" href="/src/page/fixed.html?__inline">

        <!--导航栏-->
        <link rel="import" href="/src/page/nav.html?__inline">

        <div class="nav-type">分类</div>

        <h1>参赛列表
            <div class="title-type" v-if="extra">{{ type?type:'全部作品' }}</div>
        </h1>

        <div class="info">
            <!--1、由于网友的踊跃推荐，经与专家评审、媒体评审的商议，决定将入围下一轮的作品数量增加到15部（每类取前三名）。<br/>
            2、下列15部作品已与7家提名机构提供的110部作品，共同入围下一轮的“媒体评审”环节。<br/>
            3、主办方将在提名或投票给下列15部作品的网友中随机抽取30人，每人送出价值100元的当当网购书券。<br/>
            4、经热心网友的反映，我们回溯发现从5月29日下午6时左右开始，部分作品疑似被恶意刷票。公平起见，组委会决定只统计截止至该时间点前的投票数据。<br/>
            5、本活动严禁刷票，活动最终解释权归主办方所有。<br/>-->
        </div>

        <!--主体内容-->
        <div class="content list-box">
            <div class="list-type-cover"></div>
            <div class="list-type" v-if="extra">
                <a :class="{active : !type}" @click="choiceType('')">全 部</a>
                <a v-for="item in extra.categoryList" :class="{active : type==item}" @click="choiceType(item)">{{ item }}</a>
            </div>

            <ul class="lists">
                <li v-for="(item,index) in datas">
                    <a class="head" :style="{'background-image':'url('+item.data.avatar+')'}" :href="'detail.html?id='+item.data.id" target="_blank"></a>
                    <div class="name">{{ item.data.name }}</div>
                    <div class="disc">作品：{{ item.data.works_title }}</div>
                    <div class="option">
                        <div ><b>{{ item.data.piao }}</b> 票</div>
                        <div @click.stop="voting(item.data.id,index)">投ta一票</div>
                    </div>
                </li>
            </ul>

            <div class="loading" v-show="loading">正在加载...</div>
        </div>

        <!--底部-->
        <li class="footer">
            <p>主办单位、发起机构及独家运营单位：南都报系<br>电话：020 - 87383785      邮箱：liangjiewen@nandu.com     <span>地址：广州市越秀区广州大道中289号</span></p>
        </li>

    </div>



</body>
<script src="../node_modules/sweetalert/dist/sweetalert-dev.js"></script>
<script src="/node_modules/vue/dist/vue.js"></script>
<script src="/node_modules/vue-resource/dist/vue-resource.js"></script>
<script src="/node_modules/jquery/dist/jquery.js"></script>
<script src="/src/js/config.js"></script>
<script src="/src/js/list.js"></script>
</html>